<template>
  <div>
    <h3>SubItem组件</h3>
    <p>已知库存数:{{num}}</p>
    <button @click="subFn">库存-1</button>
    <button @click="asyncSubNumfn">库存-10</button>
  </div>
</template>

<script>
import {mapState , mapMutations,mapActions} from 'vuex'
export default {
    computed:{
        ...mapState(['num'])
    },
    methods:{
        ...mapMutations(['subNum']),
        ...mapActions(['asyncSubNum']),
        // 绑定  使用映射方法
        subFn(){
            this.$store.commit('subNum',1)
        },
        asyncSubNumfn(){
            this.asyncSubNum(10)
        }
    }
}
</script>